<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="lib/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<!-- 对象就是无序键值对集合 -->
			<!-- 通过内联样式绑定 第一种：直接在：style上 -->
			<h1 :style="{color:'red','font-weight':200}">这是一个h1</h1>
			<!-- 第二种：定义在data中 -->
			<h1 :style="styleObj">这是一个h1</h1>
			<!-- 第三种：通过数组，引用多个data对象 -->
			<h1 :style="[styleObj,styleObj2]">这是一个h1</h1>
			<!-- 如果属性含- 则必须加单引号 -->
		</div>
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data:{
					styleObj:{color:'red','font-weight':200},
					styleObj2:{'font-style':'italic'}
				},
				methods:{}
			})
		</script>
	</body>
</html>
